<template>
    <div class="tabbar">
        <van-tabbar route fixed active-color="#884E22" inactive-color="#333" >
            <van-tabbar-item to="/home" icon="16" icon-prefix="icon">首页</van-tabbar-item>
            <van-tabbar-item to="/cate" icon="fenlei" icon-prefix="icon">分类</van-tabbar-item>
            <van-tabbar-item to="/phone" icon="dianhua" icon-prefix="icon">电话</van-tabbar-item>
            <van-tabbar-item to="/cart" :badge="$store.state.cart.buyNumber" icon="24gl-cartFull9" icon-prefix="icon">购物车</van-tabbar-item>
            <van-tabbar-item to="/user" icon="shouye" icon-prefix="icon">我的</van-tabbar-item>
        </van-tabbar>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.tabbar{
    /deep/.van-tabbar-item{
            // font-size: 22px;
            .icon{
                 font-size: .8rem;
            }
    }

}
</style>
